<!DOCTYPE html>

<html lang="en">
<head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
    <link rel="stylesheet" type="text/css" href="../lib/jquery/jquery-ui-1.8.4.css"/>
    <link rel="stylesheet" type="text/css" href="../lib/fontawesome/font-awesome.css"/>
    <link rel="stylesheet" type="text/css" href="../lib/bootstrap/bootstrap.css"/>
    <link rel="stylesheet" type="text/css" href="../ganttView.css"/>
    <link rel="stylesheet" type="text/css" href="./css/index.css"/>
    <title>jQuery Gantt</title>

    <!--<script src="https://libs.baidu.com/jquery/1.9.1/jquery.min.js"></script>-->
    <script type="text/javascript" src="./../lib/jquery/jquery.js"></script>
    <script type="text/javascript" src="./../lib/bootstrap/bootstrap.js"></script>
    <script src="./../lib/jquery/jquery-ui.js"></script>
<!--    <script src="https://cdn.bootcss.com/jsPlumb/2.6.8/js/jsplumb.min.js"></script>-->
    <script src="./../lib/jsplumb-2.10.0/dist/js/jsplumb.js"></script>
</head>
<body>

<div class="ganttWrap">
    <div class="leftTree">
        <div class="headerTitle">
            名称
        </div>
        <div class="content" id="tableContent">
        </div>
    </div>
    <div id="ganttChart" class="rightChart"></div>
</div>

<div id="eventMessage"></div>
<div class="btnWrap">
    <button class="flyBtn" id="submit">提交</button>
    <button class="flyBtn" id="zoom_in">放大</button>
    <button class="flyBtn" id="zoom_out">缩小</button>
</div>

<div id="submitData"></div>
<div id="popMsg" class="popMsg">
    <p><span class="title">学习英语：</span>2018-01-05 8:00 - 2018-01-05 8:00</p>
    <p><span class="title">持续时间：</span>8天</p>
    <p><span class="title">进度：</span>正在进行中</p>
</div>
<script type="text/javascript">
    $(".task").draggable({
        revert: true,
        opacity: 0.7
    });
</script>
<script type="text/javascript" src="../ganttView.js"></script>
<script type="text/javascript" src="data.js"></script>
<script type="text/javascript" src="./js/index.js"></script>

</body>
</html>
